<!DOCTYPE html>
<html>
<head>
<title>信息首页</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="stylesheet" href="../../css/bootstrap.min.css">
<link rel="stylesheet" href="../../css/font-awesome.min.css">
<link rel="stylesheet" href="../../plugins/jqgrid/ui.jqgrid-bootstrap.css">
<link rel="stylesheet" href="../../plugins/ztree/css/metroStyle/metroStyle.css">
<link rel="stylesheet" href="../../css/main.css">
<script src="../../libs/jquery.min.js"></script>
<script src="../../plugins/layer/layer.js"></script>
<script src="../../libs/bootstrap.min.js"></script>
<script src="../../libs/vue.min.js"></script>
<script src="../../libs/validator.min.js"></script>
<script src="../../plugins/jqgrid/grid.locale-cn.js"></script>
<script src="../../plugins/jqgrid/jquery.jqGrid.min.js"></script>
<script src="../../plugins/ztree/jquery.ztree.all.min.js"></script>
<script src="../../js/common.js"></script>
	<style>
		td input{
			overflow:hidden;
			height:100%;
			width:100%;
		}
		table th,td {
			text-align:center;
		}
		#sumTable td {
			width: 8%;
		}
		.detailTable td {
			width: 6%;
		}
		.row {
			padding: 0px;
			border: 0px;
		}
	</style>
</head>
<body>
<div class="container" id="rrapp" v-cloak>
	<div class="container">
		<div class="row clearfix">
			<table class="table table-bordered table-hover table-condensed" id="sumTable">
				<thead>
				<tr>
					<th colspan="12" class="text-center info">
						总和-龙虎和
					</th>
				</tr>
				</thead>
				<tbody>
				<tr>
					<template v-for="n in 4">
						<td>
							{{sumList[0].list[n-1].name}}
						</td>
						<td v-if="!isOver" style="color: red;">
							{{sumList[0].list[n-1].odds}}
						</td>
						<td v-if="isOver" style="color: red;">
							--
						</td>
						<td v-if="!isOver">
							<input type="number" v-model="sumList[0].list[n-1].money"/>
						</td>
						<td v-if="isOver" style="color: red;">
							封盘
						</td>
					</template>
				</tr>
				<tr>
					<template v-for="n in 3">
						<td>
							{{sumList[0].list[n+3].name}}
						</td>
						<td v-if="!isOver" style="color: red;">
							{{sumList[0].list[n+3].odds}}
						</td>
						<td v-if="isOver" style="color: red;">
							--
						</td>
						<td v-if="!isOver">
							<input type="number" v-model="sumList[0].list[n+3].money"/>
						</td>
						<td v-if="isOver" style="color: red;">
							封盘
						</td>
					</template>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				</tbody>
			</table>
		</div>
		<div class="row clearfix">
			<table class="table table-bordered table-hover table-condensed detailTable">
				<thead>
				<tr>
					<th class="info" colspan="3" v-for="ball in ballCategorys">
						{{ball.name}}
					</th>
				</tr>
				</thead>
				<tbody>
				<tr v-for="n in ballCategorys[0].list.length">
					<template v-for="ball in ballCategorys">
						<td>
							{{ball.list[n-1].name}}
						</td>
						<td v-if="!isOver" style="color: red;">
							{{ball.list[n-1].odds}}
						</td>
						<td v-if="isOver" style="color:red;">
							--
						</td>
						<td v-if="!isOver">
							<input type="number" v-model="ball.list[n-1].money"/>
						</td>
						<td v-if="isOver" style="color: red;">
							封盘
						</td>
					</template>
				</tr>
				</tbody>
			</table>
		</div>
		<div class="row clearfix" v-for="special in specials">
			<table class="table table-bordered table-hover table-condensed detailTable">
				<thead>
				<tr>
					<th colspan="15" class="info">
						{{special.name}}
					</th>
				</tr>
				</thead>
				<tbody>
				<tr>
					<template v-for="n in special.list.length">
						<td>
							{{special.list[n-1].name}}
						</td>
						<td v-if="!isOver" style="color: red;">
							{{special.list[n-1].odds}}
						</td>
						<td v-if="isOver" style="color: red;">
							--
						</td>
						<td v-if="!isOver">
							<input type="number" v-model="special.list[n-1].money"/>
						</td>
						<td v-if="isOver" style="color: red;">
							封盘
						</td>
					</template>
				</tr>
				</tbody>
			</table>
		</div>
		<div class="row clearfix" v-if="!isOver">
			<div class="col-md-6 column">
				<button type="button" class="btn btn-info btn-lg btn-block" @click="reset">重新下注</button>
			</div>
			<div class="col-md-6 column">
				<button type="button" class="btn btn-success btn-lg btn-block" @click="saveOrUpdate">我选好了</button>
			</div>
		</div>
	</div>
</div>
<script src="../../js/modules/sys/bottom.js"></script>
</body>
</html>